.about-box{
	width: 1200px;
	margin: 0 auto;
}
/*路径*/
.about-foot{
	height: 40px;
	line-height: 40px;
	border-bottom: 3px solid #ddd;
}
.about-foot span{
	font-size: 14px;
	color: #6B6B6B;
	text-align: left;
	margin-right: 3px;
}
/*左侧导航栏*/
.about-list{
	display: inline-block;
	width: 200px;
	padding-bottom: 25px;
	background: #eee;
	color:#6B6B6B;
	vertical-align: top;
	position: absolute;
}
.about-list li{
	width: 200px;
	height: 46px;
	list-style: none;
	text-align: center;
	line-height: 46px;
	font-size: 18px;
	font-weight: normal;
	cursor: pointer;
}
.about-list li:hover{
	color: #7F5B42;
}
.about-list .about-list-on{
	font-weight: bold;
	background: #FFFFFF;
}
/*大朴志内容*/
.about-content-dapuzhi{
	width: 994px;
	height: 2436px;
	display: inline-block;
	/*display: none;*/
	vertical-align: top;
	background: url(../img/about-img/download.jpg) no-repeat;
	margin-left: 200px;
}
.about-content-dapuzhi p{
	font-size: 14px;
	color: #6B6B6B;
	line-height: 35px;
	text-indent: 2em;
}
.about-dapuzhi{
	width: 510px;
	height: 370px;
	position: absolute;
	left: 25%;
}
.about-dapu-com{
	font-size: 18px;
	text-decoration: none;
	line-height: 35px;
	color: #6B6B6B;
	font-weight: bold;
	margin-left: 50%;
	animation: leftrun 0.4s 1s linear forwards;
}
.about-dapu-com:hover span{
	display: inline-block;
	color: #7F5B42;
	animation: textjump 0.6s 0s linear infinite;
}
.about-content-righttext{
	display: inline-block;
	width: 350px;
	margin-right: 50px;
	padding-top: 50px;
	float: right;
}
@keyframes leftrun{
	0%{
		margin-left: 50%;
	}
	100%{
		margin-left: 0;
	}
}
@keyframes textjump{
	0%{
		transform: scale(1,1);
	}
	50%{
		transform: scale(0.95,1.35);
	}
	100%{
		transform: scale(1,1);
	}
}
/*致朴素*/
.about-content-zhipusu{
	width: 994px;
	height: 2200px;
	/*display: inline-block;*/
	display: none;
	vertical-align: top;
	background: url(../img/about-img/download-1.jpg) no-repeat;
	margin-left: 200px;
}
.about-content-zhipusu p{
	font-size: 18px;
	line-height: 31px;
	font-family: 楷体;
	color: #6B6B6B;
	text-indent: 2em;
}
.about-zhipusu-head{
	display: inline-block;
	width: 400px;
	height: 460px;
}
.about-zhipusu-head .about-pusu-title{
	text-indent: 0;
	font-size: 25px;
	margin-bottom: 20px;
}
.about-zhipusu-foot{
	float: right;
	width: 400px;
	margin-right: 100px;

}
.about-zhipusu-foot p{
	text-indent: 0;
	line-height: 34px;
}
/*价值观*/
.about-content-jiazhiguan{
	width: 994px;
	height: 2200px;
	/*display: inline-block;*/
	display: none;
	vertical-align: top;
	background: url(../img/about-img/download-2.jpg) no-repeat;
	position: relative;
	margin-left: 200px;
}
.about-content-jiazhiguan p{
	font-size: 16px;
	line-height: 30px;
	color:#6B6B6B;
}
.about-content-jiazhiguan span{
	display: inline-block;
	width: 37px;
	font-size: 37px;
	font-family: YouYuan,幼圆;
	color: white;
}
.about-jiazhiguan-left{
	display: inline-block;
	width: 240px;
	margin-left: 20%;
	animation: leftRun 0.4s 0s linear forwards;
}
.about-jiazhiguan-right{
	float: right;
	width: 220px;
	margin-right: 40%;
	animation: rightRun 0.4s 0s linear forwards;
}
.about-jiazhiguan-show{
	position: absolute;
	animation: opShow 0.2s 0s linear forwards;
}
@keyframes leftRun{
	0%{
		opacity: 0.2;
		margin-left: 20%;
	}
	90%{
		opacity: 1;
		margin-left: 0;
	}
	100%{
		opacity: 1;
		margin-left: 0;
	}
}
@keyframes rightRun{
	0%{
		margin-right: 40%;
	}
	90%{
		margin-right: 200px;
	}
	100%{
		margin-right: 200px;
	}
}
@keyframes opShow{
	0%{
		opacity: 0.01
	}
	100%{
		opacity: 1
	}
}
/*大记事*/
.about-content-dajishi{
	width: 994px;
	height: 1475px;
	/*display: inline-block;*/
	display: none;
	vertical-align: top;
	background: url(../img/about-img/dapu_20160331_r2.jpg) no-repeat;
	position: relative;
	overflow: hidden;
	margin-left: 200px;
}
.about-content-dajishi span{
	font-size: 15px;
	font-family: "Microsoft YaHei", 微软雅黑;
	color: #6B6B6B;
	text-align: left;
}
.dashiji-time{
	position: absolute;
	width: 120px;
}
.dashiji-timeright{
	display: block;
	width: 700px;
	margin-left: 120px;
}
.dashiji-textbox{
	padding-left: 1000px;
	/*animation: leftMovebar 0.5s 0s linear forwards;*/
}
@keyframes leftMovebar{
	0%{
		padding-left: 1000px; 
		opacity: 0;
	}
	100%{
		padding-left: 160px;
		opacity: 1;
	}
}
/*看视频*/
.about-content-kanshiping{
	width: 994px;
	height: 3034px;
	/*display: inline-block;*/
	display: none;
	vertical-align: top;
	background: url(../img/about-img/dapu_20160331_r3.jpg) no-repeat;
	text-align: center;
	position: relative;
	overflow: hidden;
	margin-left: 200px;
}
.kanshiping-title{
	display: inline-block;
	width: 510px;
	height: 40px;
	line-height: 40px;
	font-family: 黑体;
	font-size: 20px;
	margin-bottom: 20px;
	text-align: left;
	color: #6B6B6B;
}
/*上头条*/
.about-content-shangtoutiao{
	width: 994px;
	height: 1175px;
	/*display: inline-block;*/
	display: none;
	vertical-align: top;
	background: url(../img/about-img/download-3.jpg) no-repeat;
	text-align: center;
	position: relative;
	overflow: hidden;
	margin-left: 200px;
}
.about-content-shangtoutiao div{
	position: absolute;
	text-align: left;
	line-height: 27px;
}
.about-content-shangtoutiao a{
	text-decoration: none;
	color: #6B6B6B;
	font-size: 18px;
	font-weight: bold;
}
.about-content-shangtoutiao div:hover a{
	/*color: #7F5B42;*/
	animation: superise 0.5s 0s linear forwards;
}
@keyframes superise{
	0%{
		opacity: 1;
		color: #6B6B6B;
	}
	50%{
		opacity: 0.5;
		color:#999;
	}
	100%{
		opacity: 1;
		color: #7F5B42;
	}
}
/*求勾搭*/
.about-content-qiugouda{
	width: 994px;
	height: 1175px;
	/*display: inline-block;*/
	display: none;
	vertical-align: top;
	background: url(../img/about-img/dapu_20160331_r5.jpg) no-repeat;
	text-align: center;
	position: relative;
	overflow: hidden;
	margin-left: 200px;
}
.about-content-qiugouda div{
	padding-left: 220px;
	font-size: 16px;
	color: #6B6B6B;
	text-align: left;
	line-height: 24px;
	font-family: "Microsoft YaHei", 微软雅黑;
}
.about-content-qiugouda span{
	margin-left: 20px;
}
/*导航边框*/
#about-list-bg{
	display: inline-block;
	width: 182px;
	height: 40px;
	position: absolute;
	border-right: 3px solid #6B6B6B;
	border-left: 3px solid #6B6B6B;
	border-radius: 5px;
	top: 3px;
	left: 6px;
	cursor: pointer;
	animation: brmove 1s 0s linear infinite;
}
@keyframes brmove{
	0%{
		transform: scale(1,1);
	}
	25%{
		transform: scale(0.95,1.05);
	}
	50%{
		transform: scale(1,1);
	}
	75%{
		transform: scale(1.05,0.95);
	}
	100%{
		transform: scale(1,1);
	}
}